<template>
  <div class="module-box">
    <div class="title">
      <h3>热门电影</h3>
      <div class="tit-box">
        <a href="http://v.qq.com/movie/" target="_blank" class="link-com">
          更多
          <span class="text-arrow">&gt;</span>
        </a>
      </div>
    </div>
    <div class="module-main">
      <div class="module-list fl">
        <ul class="fix">
          <li class="module-full">
            <!---->
            <a href="http://v.qq.com/x/cover/yx3grrxtr2js1t6.html?ptag=xunlei9.movie.pay" target="_blank" class="pic"><img src="http://i.gtimg.cn/qqlive/img/jpgcache/files/qqvideo/y/yx3grrxtr2js1t6_f.jpg" alt="X特遣队(又名:自杀小队)">
              <span class="ico-player"></span>
            </a>
            <div class="list-con">
              <a href="http://v.qq.com/x/cover/yx3grrxtr2js1t6.html?ptag=xunlei9.movie.pay" class="list-name link-com">
                X特遣队(又名:自杀小队)
              </a>
              <p class="text-des">史上最坏超级反派集结</p>
              <!---->
              <!---->
            </div>
          </li>
          <li class="module-full">
            <!---->
            <a href="http://v.qq.com/x/cover/1lhcgag27fvsvpd.html?ptag=xunlei9.movie.pay" target="_blank" class="pic"><img src="http://i.gtimg.cn/qqlive/img/jpgcache/files/qqvideo/1/1lhcgag27fvsvpd_f.jpg" alt="少年">
              <span class="ico-player"></span>
            </a>
            <div class="list-con">
              <a href="http://v.qq.com/x/cover/1lhcgag27fvsvpd.html?ptag=xunlei9.movie.pay" class="list-name link-com">
                少年
              </a>
              <p class="text-des">欧豪张译深陷白骨谜案</p>
              <!---->
              <!---->
            </div>
          </li>
          <li class="module-full">
            <!---->
            <a href="http://v.qq.com/x/cover/b40ff7kummjfp7e.html?ptag=xunlei9.movie.free" target="_blank" class="pic"><img src="http://i.gtimg.cn/qqlive/img/jpgcache/files/qqvideo/b/b40ff7kummjfp7e_f.jpg" alt="澳门风云3">
              <span class="ico-player"></span>
            </a>
            <div class="list-con">
              <a href="http://v.qq.com/x/cover/b40ff7kummjfp7e.html?ptag=xunlei9.movie.free" class="list-name link-com">
                澳门风云3
              </a>
              <p class="text-des">周润发刘德华上演王牌合家欢</p>
              <!---->
              <!---->
            </div>
          </li>
          <li class="module-full">
            <!---->
            <a href="http://v.qq.com/x/cover/c17yx4mna94c9rw.html?ptag=xunlei9.movie.free" target="_blank" class="pic"><img src="http://i.gtimg.cn/qqlive/img/jpgcache/files/qqvideo/c/c17yx4mna94c9rw_f.jpg" alt="捉妖记">
              <span class="ico-player"></span>
            </a>
            <div class="list-con">
              <a href="http://v.qq.com/x/cover/c17yx4mna94c9rw.html?ptag=xunlei9.movie.free" class="list-name link-com">
                捉妖记
              </a>
              <p class="text-des">井柏然爆笑产子白百何泼辣捉妖</p>
              <!---->
              <!---->
            </div>
          </li>
        </ul>
      </div>
      <div class="module-rank fr" style="background-color: transparent;">
        <a target="_blank" class="bg-pic" href="http://xl9.xunlei.com/chrome/client/view/pro/1.0/video_detail.html?movieid=mi1397300&amp;direct=film_banner&amp;entrypage=homepage_d">
          <!----><img src="http://static-xl9-ssl.xunlei.com/images/201707/4c91d7394c9fbd1af23c7241500908a4.jpg" alt="湄公河行动"></a>
        <div class="rank-tit">
          <h4>影视榜</h4>
          <p class="score">
            <span>5</span>分</p>
        </div>
        <div class="module-rank-list">
          <ul>
            <li class="cho">
              <a target="_blank" href="http://xl9.xunlei.com/chrome/client/view/pro/1.0/video_detail.html?movieid=mi1397300&amp;direct=film_banner&amp;entrypage=homepage_d">
                1.湄公河行动
              </a>
            </li>
            <li class="">
              <a target="_blank" href="http://xl9.xunlei.com/chrome/client/view/pro/1.0/video_detail.html?movieid=mi1397297&amp;direct=film_banner&amp;entrypage=homepage_d">
                2.我不是潘金莲
              </a>
            </li>
            <li class="">
              <a target="_blank" href="http://xl9.xunlei.com/chrome/client/view/pro/1.0/video_detail.html?movieid=mi1469306&amp;direct=film_banner&amp;entrypage=homepage_d">
                3.血战钢锯岭
              </a>
            </li>
            <li class="">
              <a target="_blank" href="http://xl9.xunlei.com/chrome/client/view/pro/1.0/video_detail.html?movieid=mi1443782&amp;direct=film_banner&amp;entrypage=homepage_d">
                4.间谍同盟
              </a>
            </li>
            <li class="">
              <a target="_blank" href="http://xl9.xunlei.com/chrome/client/view/pro/1.0/video_detail.html?movieid=mi1469342&amp;direct=film_banner&amp;entrypage=homepage_d">
                5.铁道飞虎
              </a>
            </li>
            <li class="">
              <a target="_blank" href="http://xl9.xunlei.com/chrome/client/view/pro/1.0/video_detail.html?movieid=mi1129492&amp;direct=film_banner&amp;entrypage=homepage_d">
                6.奇异博士
              </a>
            </li>
            <li class="">
              <a target="_blank" href="http://xl9.xunlei.com/chrome/client/view/pro/1.0/video_detail.html?movieid=mi1333638&amp;direct=film_banner&amp;entrypage=homepage_d">
                7.星际迷航3:超越星辰
              </a>
            </li>
            <li class="">
              <a target="_blank" href="http://xl9.xunlei.com/chrome/client/view/pro/1.0/video_detail.html?movieid=mi1304350&amp;direct=film_banner&amp;entrypage=homepage_d">
                8.自杀小队
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>
